<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../header.jsp"%>
<link rel="stylesheet" href="${css}/news.css?version=${pc_version}">
<div class="content">
	<c:forEach items="${informations}" var="information">
		<div class="cont-O" contentId="${information.id}">
			<c:choose>
				<c:when test="${empty information.cover}">
			<div class="cont-T-O">
				</c:when>
				<c:otherwise>
			<div class="cont-O-O">
				</c:otherwise>
			</c:choose>
				<p><fmt:formatDate value="${information.publishDate}" pattern="yyyy年MM月dd日" /></p>
				<h2>${information.title}</h2>
				<div class="eyes">
					<img src="${publicImg}/liulan_01.png" alt=""> <span>${information.browseNum}</span>
				</div>
			</div>
		<c:if test="${not empty information.cover}">
			<img class="cont-img" src="${information.cover}">
		</c:if>
	</div>
</c:forEach>
</div>
<div class="mowei_looding"> &nbsp; <span class="jiazai"><fmt:message key="looding.more" /></span> &nbsp; </div>
<div class="mowei_looding mowei_looding_end">—————— &nbsp; <fmt:message key="looding.not.more" /> &nbsp; ——————</div>
<script>
	$(function() {
		var a = 2;
		$(".banxin_C07>a").removeClass("footer_dianji");
		$(".banxin_C07>a:nth-of-type(2)").addClass("footer_dianji");
		
		$(".content").on("click",".cont-O",function(){
			window.location.href=englishTypeName+'/'+$(this).attr("contentId");
		});
		$(".jiazai").click(function(){
            $.ajax({
            	url: "list?",
                type:'get',          
                data:{'page':a++,"englishTypeName":englishTypeName},
                dataType: "json",
                success:function(data){
                	 if(data.rows.length>0){ 
                		data.rows.forEach(function(e,index){
                			if(e.cover){
                        		$(".content").append(
                        				"<div class='cont-O' contentId='"+e.id+"'>"+
                        				"<div class='cont-O-O'>"+
                        				"<p>"+new Date(e.publishDate).format('yyyy年MM月dd日')+"</p>"+
                        								"<h2>"+e.title+"</h2>"+
                        								"<div class='eyes'>"+
                        									"<img src='${publicImg}/liulan_01.png' alt=''> <span>"+e.browseNum+"</span>"+
                        								"</div>"+
                        							"</div>"+
                        				            "<img class='cont-img' src='"+e.cover+"'>"+
                        				            "</div>"
                                )
            				}
            				if(!e.cover){
            					$(".content").append(
                        				"<div class='cont-O' contentId='"+e.id+"'>"+
                        				"<div class='cont-T-O'>"+
                        				"<p>"+new Date(e.publishDate).format('yyyy年MM月dd日')+"</p>"+
                        								"<h2>"+e.title+"</h2>"+
                        								"<div class='eyes'>"+
                        									"<img src='${publicImg}/liulan_01.png' alt=''> <span>"+e.browseNum+"</span>"+
                        								"</div>"+
                        							"</div>"+
                        				            "</div>"
                                )
            				}
                    	})
                	 }else{
                		$(".mowei_looding").css("display", "none")
                		$(".mowei_looding_end").css("display", "block")
                	} 
                }
               	
            })
        })
	})
</script>
<%@ include file="../footer.jsp"%>